<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="page" />
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" href="${ctx}/css/templatemo_style.css" /> <!-- 页面整体布局样式定义 -->
    <link rel="stylesheet" href="${ctx}/css/ddsmoothmenu.css" /> <!-- 菜单样式定义 -->

    <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
    <script type="text/javascript">
        var ctx="${pageContext.request.contextPath}";

        function showUserName()
        {
            var name ="${user.username}";
            if(name != "")
            {
                $("#login").html(name);
                $("#exitP").show();
                $("#login").attr("href",ctx+"/user?flag=info&userId=${user.userId}");

            }
            else
            {
                $("#login").html("登陆");
                $("#exitP").hide();
                $("#login").attr("href",ctx+"/user?flag=login");
            }
        }
        $(document).ready(function() {
            showUserName();
            $("#ps").change(function(){
                $("#tijiao").submit();
            });
        });
    </script>
</head>

<body>
<div id="templatemo_body_wrapper">
    <div id="templatemo_wrapper">


        <!-- header -->
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="${ctx}/home?flag=home">穿美在线鞋城</a></h1></div>
            <div id="header_right">
                <p>
                    <a href="${ctx}/user?flag=login" id="login">登录</a>&nbsp;
                    <span id="exitP" style="display: none"><a href="${ctx}/user?flag=logout" id="exit">注销</a></span>
                </p>
            </div>
            <div class="cleaner"></div>
        </div>
        <!-- END of templatemo_header -->


        <!-- menu -->
        <div id="templatemo_menubar">
            <div id="top_nav" class="ddsmoothmenu">
                <ul>
                    <li><a href="${ctx}/home?flag=home">首页</a></li>
                    <li><a href="${ctx}/product?flag=product" class="selected">产品</a></li>
                    <li><a href="${ctx}/shopcar?tz=gocar">我的购物车</a></li>
                    <li><a href="${ctx}/order?flag=fol">我的订单</a></li>
                </ul>
                <br style="clear: left" />
            </div>
            <!-- end of ddsmoothmenu -->
        </div>
        <!-- END of templatemo_menubar -->


        <!-- main -->
        <div id="templatemo_main">
            <!-- 侧边栏 -->
            <div id="sidebar" class="float_l">
                <!-- sidebar 1 -->
                <div class="sidebar_box">
                    <span class="bottom"></span>
                    <h3>品牌</h3>
                    <div class="content">
                        <ul class="sidebar_list">
                            <c:forEach items="${list}" var="x">
                                <li><a href="${ctx}/home?flag=pp&pinpai=${x.name}">${x.name}</a></li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <!-- sidebar 2 -->
                <div class="sidebar_box">
                    <span class="bottom"></span>
                    <h3>热卖单品</h3>
                    <div class="content">
                        <c:forEach items="${list2}" var="x">
                            <div class="bs_box">

                                <a href="${ctx}/product?flag=xq&productId=${x.productId}"><img src='${ctx}${x.imgpath}' alt="image" style="width:62px;height:72px"/></a>
                                <p>${x.feature}</p>
                                <p class="price">${x.price}</p>

                            </div>
                        </c:forEach>
                    </div>
                </div>
            </div>
            <!-- END of sidebar -->

            <!-- 内容展示区 -->
            <div id="content" class="float_r">
                <!-- 商品列表展示  -->
                <h3>
                    品牌：
                    <c:choose>
                        <c:when test="${fenYepd eq 'pp'}">
                            ${pinpai}
                        </c:when>
                        <c:otherwise>
                            全部
                        </c:otherwise>
                    </c:choose>
                </h3>
                <c:forEach items="${list5}" var="x">
                    <div class="product_box">

                        <a href="${ctx}/product?flag=xq&productId=${x.productId}"><img src='${ctx}${x.imgpath}' alt="Shoes 2" /></a>
                        <p>${x.feature}</p>
                        <p class="product_price">${x.price}</p>
                        <a href='${ctx}/product?flag=gwc&productId=${x.productId}&sl=1' class="addtocart"></a>
                        <a href="${ctx}/product?flag=xq&productId=${x.productId}" class="detail"></a>

                    </div>
                </c:forEach>
            </div>

            <div class="product_box_fy">
                <p>
                <c:choose>
                    <c:when test="${fenYepd eq 'all'}" >
                        <form action="${ctx}/product?flag=product&productId=${x.productId}" method="post" id="tijiao">
                            <a href="${ctx}/product?flag=product&productId=${x.productId}&pageMethod=first&currentPage=${pageBean.currentPage}">首页</a> |
                            <a href="${ctx}/product?flag=product&productId=${x.productId}&pageMethod=previous&currentPage=${pageBean.currentPage}">上一页</a> |

                            <a href="javascript:void(0);" id="meiye">每页&nbsp;<input type="text" id="ps" name="ps" value="${ys}" maxlength="2" style="width: 18px; height: 12px; text-align: center;">&nbsp;条数据 </a>

                            <a href="javascript:void(0);">第${pageBean.currentPage }页/共${pageBean.totalPages }页</a> |

                            <a href="${ctx}/product?flag=product&productId=${x.productId}&pageMethod=next&currentPage=${pageBean.currentPage}">下一页</a> |
                            <a href="${ctx}/product?flag=product&productId=${x.productId}&pageMethod=last&currentPage=${pageBean.currentPage}">尾页</a>
                        </form>
                    </c:when>
                    <c:when test="${fenYepd eq 'pp'}" >
                        <form action="${ctx}/home?flag=pp&productId=${x.productId}&pinpai=${pinpai}" method="post" id="tijiao">
                            <a href="${ctx}/home?flag=pp&productId=${x.productId}&pageMethod=first&currentPage=${pageBean.currentPage}&pinpai=${pinpai}">首页</a> |
                            <a href="${ctx}/home?flag=pp&productId=${x.productId}&pageMethod=previous&currentPage=${pageBean.currentPage}&pinpai=${pinpai}">上一页</a> |

                            <a href="javascript:void(0);" id="meiye">每页&nbsp;<input type="text" id="ps" name="ps" value="${ys}" maxlength="2" style="width: 18px; height: 12px; text-align: center;">&nbsp;条数据 </a>

                            <a href="javascript:void(0);">第${pageBean.currentPage }页/共${pageBean.totalPages }页</a> |

                            <a href="${ctx}/home?flag=pp&productId=${x.productId}&pageMethod=next&currentPage=${pageBean.currentPage}&pinpai=${pinpai}">下一页</a> |
                            <a href="${ctx}/home?flag=pp&productId=${x.productId}&pageMethod=last&currentPage=${pageBean.currentPage}&pinpai=${pinpai}">尾页</a>
                        </form>
                    </c:when>
                    </c:choose>

                </p>
            </div>

            <div class="cleaner"></div>
        </div>
        <!-- END of templatemo_main -->


        <!-- footer -->
        <div id="templatemo_footer">
            <p>
                <a href="${ctx}/home?flag=home">首页</a> | <a href="${ctx}/product?flag=product">产品</a> | <a href="${ctx}/shopcar?tz=gocar">我的购物车</a> | <a href="${ctx}/order?flag=fol">我的订单</a>
            </p>
            版权所有 (c) 2018 <a href="javascript:void(0);">金桥软件</a>
        </div>
        <!-- END of templatemo_footer -->


    </div>
    <!-- END of templatemo_wrapper -->
</div>
<!-- END of templatemo_body_wrapper -->
</body>
</html>
